<p-dialog [(visible)]="display" modal="modal"  [responsive]="true" [width]="width" (onHide)="closeEquementMask(false)">
  <p-header>
    添加设备
  </p-header>
  <form>
      <div class="ui-g">
        <div class="ui-g-8 ui-sm-12">
          <label class="ui-g-2 ui-sm-5  text-right">设备编号:</label>
          <div class="ui-g-4 ui-sm-7 ui-fluid  ui-no-padding-right-15px ">
            <input  pInputText type="text" name="ano" placeholder="设备编号"  [(ngModel)]="queryModel.ano" />
          </div>
          <label class="ui-g-2 ui-sm-5 text-right">设备名称:</label>
          <div class="ui-g-4  ui-sm-7 ui-fluid">
            <input pInputText type="text" name="name" placeholder="设备名称" [(ngModel)]="queryModel.name" />
          </div>
        </div>
        <div class="ui-g-3 ui-sm-12">
          <div class="ui-g-12 ui-sm-12 option">
            <button pButton type="button" label="查询" ngClass="ui-sm-12" (click)="queryByKeyWords()" ></button>
            <button pButton label="清空" ngClass="ui-sm-12" (click)="clearSearch()"></button>
          </div>
        </div>
      </div>

  </form>
  <div class="ui-g">
    <div class="ui-g-12">
      <div class="file-box reportaddequement ">
        <p-dataTable emptyMessage="没有数据" [value]="assets" [lazy]="true" [rows]="10" [paginator]="true" [rowsPerPageOptions]="[5,10,20]"
                     [totalRecords]="totalRecords" [(selection)]="selectMaterial" (onLazyLoad)="loadCarsLazy($event)" [stacked]="stacked" [responsive]="true" [scrollable]="true" scrollHeight="500px" >
          <p-column [style]="{'width':'38px'}" selectionMode="multiple"></p-column>
          <p-column  *ngFor="let col of cols" field="{{col.field}}" header="{{col.header}}"></p-column>
        </p-dataTable>
      </div>
    </div>
  </div>
  <p-footer>
    <button type="button" pButton icon="fa-check" label="确定"  (click)="formSubmit(false)"></button>
    <button type="button" pButton icon="fa-close"  label="取消" (click)="closeEquementMask(false)"></button>
  </p-footer>
</p-dialog>
